import React from 'react'
import style from './style.module.scss'

function CloseView() {
    return (
        <div className={style.container} style={{ backgroundColor: '#f6cbc1' }}>
            <div className={style.close} />
            <span>Close</span>
        </div>
    )
}

function OpenView() {
    return (
        <div className={style.container} style={{ backgroundColor: '#c2ebd3' }}>
            <div className={style.open} />
            <span>Open</span>
        </div>
    )
}

interface IStatusViewProps {
    state: boolean
}

export default function StatusView(props: IStatusViewProps) {
    return props.state ? <OpenView /> : <CloseView />
}
